.tr-button-group {
  overflow: hidden;
  font-weight: 400;
}
.tr-button-group .q-btn {
  font-weight: inherit;
}
.tr-button-group-auto {
  width: 100%;
}

.tr-button-group-text {
  border: none !important;
}

.tr-button-group-text:hover {
  background-color: rgba(0, 0, 0, 0);
}

.tr-button-group > .q-btn-item {
  flex-shrink: 0;
  border-radius: 2px !important;
}

.tr-button-group-item-primary {
  background: var(--t-color);
  color: rgba(255, 255, 255, 1);
  border: solid 1px var(--t-color);
  border-radius: 2px;

  &:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(var(--t-color-rgb), 0.8);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
  }

  &:active {
    color: rgba(255, 255, 255, 1);
    background-color: var(--t-color);
    border: solid 1px var(--t-color);
  }
  &:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(var(--t-color-rgb), 0.8);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
  }
}

.tr-button-group-item-primary[disabled] {
  color: rgba(0, 0, 0, 0.32);
  background-color: rgba(var(--t-color-rgb), 0.1);
  border: solid 1px rgba(var(--t-color-rgb), 0.3);
}

.tr-button-group-item-default {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理90%透明度*/0.9));
  border: solid 1px #dcdcdc;
  border-radius: 2px;
  &:hover {
    color: rgba(var(--t-color-rgb), var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8));
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
  }

  &:active {
    color: var(--t-color);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px var(--t-color);
  }
  &:focus {
    color: rgba(var(--t-color-rgb), var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8));
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
  }
}

.tr-button-group-item-default[disabled] {
  color: rgba(0, 0, 0, 0.32);
  background-color: rgba(255, 255, 255, 1);
  border: solid 1px rgba(220, 220, 220, 0.6);
}
.tr-button-group-item-miniText {
  padding: 0 !important;
  min-width: fit-content;
}
.tr-button-group-item-icon {
  min-width: auto;
  padding: 7px 0 !important;
}
.tr-button-group-item-text{
  padding: 0;
}
.tr-button-group-item-text,
.tr-button-group-item-icon,
.tr-button-group-item-miniText {
  color: var(--t-color);
  background-color: rgba(var(--t-color-rgb), 0);
  border: solid 1px rgba(var(--t-color-rgb), 0);

  &:hover {
    color: rgba(var(--t-color-rgb), var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8));
    background-color: rgba(var(--t-color-rgb), 0);
  }

  &:active {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0);
  }
  &:focus {
    color: rgba(var(--t-color-rgb), var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8));
    background-color: rgba(var(--t-color-rgb), 0.1);
  }
}

.tr-button-group-item-text[disabled],
.tr-button-group-item-icon[disabled] {
  color: rgba(var(--t-color-rgb), 0.32);
  background-color: rgba(var(--t-color-rgb), 0);
  border: solid 1px rgba(var(--t-color-rgb), 0);
  text-decoration: none;
  display: inline-block;
}

.tr-button-group-item-primary.q-btn--actionable.q-btn--standard:active:before,
.tr-button-group-item-primary.q-btn--actionable.q-btn--standard.q-btn--active:before,
.tr-button-group-item-default.q-btn--actionable.q-btn--standard:active:before,
.tr-button-group-item-default.q-btn--actionable.q-btn--standard.q-btn--active:before,
.tr-button-group-item-text.q-btn--actionable.q-btn--standard:active:before,
.tr-button-group-item-text.q-btn--actionable.q-btn--standard.q-btn--active:before,
.tr-button-group-item-icon.q-btn--actionable.q-btn--standard:active:before,
.tr-button-group-item-icon.q-btn--actionable.q-btn--standard.q-btn--active:before {
  box-shadow: none;
}
